<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>德云社，爱和本该爱的都应该是相声</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <div class="header">
        <a href="">
            <img src="images/logo.png" alt="">
        </a>
        <ul class="nav">
            <li><a href="">演出信息</a></li>
            <li><a href="">艺人风采</a></li>
            <li><a href="">影像资讯</a></li>
            <li><a href="">场地介绍</a></li>
            <li><a href="">粉丝活动</a></li>
            <li><a href="">商务合作</a></li>
        </ul>
        </div>

        <div class="content">
            <div class="banner">
                <div class="banner-text">
                    <h1>德云社，让相声回归剧场</h1>
                    <p>以做“真正的相声”为要旨</p>
                    <p>弘扬北方民族文化，培养曲艺人才</p>
                    <p>服务大众为主旨</p>
                    <button>免费下载</button>
                    <ul class="function">
                        <li>忘记账号或密码？</li>
                        <li>自主接触登录或者功能限制</li>
                        <li>冻结或解冻微信账号</li>
                    </ul>
                </div>
                <div class="banner-img">
                    <img src="images/1.jpg" alt="" srcset="">
                </div>

            </div>
            <div class="info">
                <div class="download">
                    <ul>
                        <li>
                            <div class="download-fx"></div>
                            <h3>德云社丁酉岁末封箱那些事儿</h3>
                            <p>德云社岁末封箱，精彩纷呈</p>
                            <a href="">了解更多</a>
                        </li>
                        <li>
                            <div class="download-jq"></div>
                            <h3>五一游推荐 | 这六个地方值得去！</h3>
                            <p>五一小长假，来德云社聚聚。</p>
                            <a href="">了解更多</a>
                        </li>
                        <li>
                            <div class="download-ge"></div>
                            <h3>感恩 | 秋水蒹葭，不忘师恩</h3>
                            <p>尊师重道，不忘师恩。</p>
                            <a href="">了解更多</a>
                        </li>
                    </ul>
                </div>
                <div class="yc">
                    <h3>剧场演出</h3>
                    <ul>
                        <li><span>2021-4-18</span><a>德云剧场</a></li>
                        <li><span>2021-4-19</span><a>黑龙江德云社剧场</a></li>
                        <li><span>2021-4-20</span><a>三里屯剧场</a></li>
                        <li><span>2021-4-21</span><a>广德楼戏园剧场</a></li>
                        <li><span>2021-4-22</span><a>湖广会馆</a></li>
                        <li><span>2021-4-23</span><a>南京德云社</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="footer">
           <div class="footer-copyright">
               <p>首页 | 演出信息 | 艺人风采 | 影像资讯 | 场地介绍 | 粉丝活动 | 商务合作 | 返回顶部</p>
               <p>&copy;北京德云社版权所有 Copyright2003-2014 All Rights Reserved 京公网安备110102006087 京ICP备16041119号-1 北京德云社文化传播有限公司</p>
           </div>
           <div class="footer-language">
               <p>简体中文 | 繁体中文 | English</p>
           </div>
        </div>

    </div>

    
</body>
</html>